import {StrictMode} from 'react'
import {createRoot} from 'react-dom/client'
import './index.css'
import App from './App.tsx'

// 导入MUI的主题相关工具
import {createTheme, ThemeProvider} from '@mui/material/styles';
import CssBaseline from '@mui/material/CssBaseline';

// 创建一个MUI主题
const darkTheme = createTheme({
    palette: {
        mode: 'dark',
    },
});

const root = createRoot(document.getElementById('root')!);

root.render(
    <StrictMode>
        <ThemeProvider theme={darkTheme}>
            {/* CssBaseline 移除了浏览器的默认样式差异，
                并应用了 MUI 的基础背景色等。
            */}
            <CssBaseline/>
            <App/>
        </ThemeProvider>
    </StrictMode>
);
